<!DOCTYPE html>
<html>
{template header_static.html}
<link href="{HOME_THEME_PATH}css/news.css" rel="stylesheet" media="screen" type="text/css">
<body>
  <div class="container">
    {template header.html}
    <?php $neiyebanner=dr_site_value('neiyebanner');?>
    <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
    {if $key==2}
    <nav class="path_bar" style=" background:url({dr_get_file($v[2])}) no-repeat center center">
        <ul class="path_nav">
            <li> <a href='/' class=''>HOME</a> {dr_catpos($catid,'',true,' &gt; <a href="[url]">[name]</a>')}</li>
        </ul>
    </nav>
    {/if}
    <?php  $key++; } } ?> 
    <div class="wrap">
        <section class="company-intro">
            <?php $aboutymk2lb=dr_site_value('aboutymk2lb');?>
            <h2>公司介绍</h2>
            <?php if ($aboutymk2lb) { $key=0; foreach ($aboutymk2lb as $v) { ?>
            <p>
                {$v[3]}
            </p>
            <div class="image-group">
                <img src="{dr_get_file($v[1])}" alt="company">
                <img src="{dr_get_file($v[2])}" alt="company2">
            </div>
            <?php  $key++; } } ?>
            <style type="text/css">
                .company-intro {
                    max-width: 1200px;
                    margin: 0 auto;
                    padding: 20px;
                    background-color: #fff;
                    border-radius: 8px;
                    text-align: center;
                }
                
                .company-intro h2 {
                    font-size:30px;
                    margin: 30px;
                    color: #333;
                }
                
                .company-intro p {
                    font-size: 16px;
                    line-height: 1.6;
                    color: #666;
                    margin-bottom: 30px;
                    text-align: justify;
                }
                
                /* 图片组样式 */
                .image-group {
                    display: flex;
                    justify-content: center;
                    gap: 20px;
                }
                
                .image-group img {
                    width: 100%;
                    max-width: 600px;
                    height: auto;
                    border-radius: 8px;
                    object-fit: cover;
                }
                
                /* 自适应布局 */
                @media (max-width: 768px) {
                    .image-group {
                        flex-direction: column;
                        align-items: center;
                    }
                
                    .image-group img {
                        max-width: 100%;
                    }
                }

            </style>
        </section>
        
        <section class="service-section-block">
            <?php $aboutymk3=dr_site_value('aboutymk3');?>
            <h2 style="font-size:30px">企业文化</h2>
            <?php if ($aboutymk3) { $key=0; foreach ($aboutymk3 as $v) { ?>
            <div class="service-item">
                <img src="{dr_get_file($v[1])}" alt="{$v[2]}">
                <div class="service-item-content">
                    <h3 class="service-title">{$v[2]}</h3>
                    <p class="service-description">{$v[3]}</p>
                </div>
            </div>
            <?php  $key++; } } ?>
             <style>
                .service-section-block {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    padding: 40px 0;
                    background: #ebebeb;
                }
                .service-section-block h2{
                    width: 100%;
                    text-align: center;
                }
                .service-item {
                    display: flex;
                    background-color: #fff;
                    border: 1px solid #ddd;
                    border-radius: 8px;
                    padding: 20px ;
                    text-align: center;
                    width: 100%;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    transition: transform 0.3s ease;
                }
        
                .service-item img {
                    max-width: 50%;
                    margin-bottom: 15px;
                }
                .service-item .service-item-content{
                    width: 50%;
                    padding:40px;
                }
                .service-item:hover {
                    transform: translateY(-10px);
                }
        
                .service-title {
                    font-size: 25px;
                    color: #333;
                    margin-bottom: 10px;
                }
        
                .service-description {
                    font-size: 14px;
                    color: #666;
                }
        
                /* 响应式设计 */
                @media (min-width: 768px) {
                    .trade-marketing-section {
                        margin:50px 0;
                    }
                    .service-item {
                        margin: 30px 1%;
                        padding: 20px;
                        width: 40%;
                    }
                }
        
                @media (max-width: 767px) {
                    .service-item {
                        width: 45%;
                        margin: 5px ;
                    }
                }
            </style>
        </section>
        <section class="honor-certificates">
            <h2>荣誉资质</h2>
            <?php $contactmk3=dr_site_value('contactmk3');?>
            <div class="certificate-grid">
                <?php if ($contactmk3) { $key=0; foreach ($contactmk3 as $c) { ?>
                <div class="certificate-item">
                    <img src="{dr_get_file($c)}" alt="Certificate{$key+1}">
                </div>
                <?php $key++;} } ?>
            </div>
            <style type="text/css">
                .honor-certificates {
                    max-width: 100%;
                    margin: 0 auto;
                    padding: 40px 10%;
                    background-color: #ebebeb;
                    border-radius: 8px;
                    text-align: center;
                }
                
                .honor-certificates h2 {
                    font-size: 28px;
                    margin-bottom: 30px;
                    color: #333;
                }
                
                /* 证书网格样式 */
                .certificate-grid {
                    display: grid;
                    grid-template-columns: repeat(6, 1fr);
                    gap: 20px;
                }
                
                .certificate-item {
                    background-color: #fff;
                    padding: 10px;
                    border-radius: 8px;
                    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                    transition: transform 0.3s ease;
                }
                
                .certificate-item img {
                    width: 100%;
                    border-radius: 8px;
                    object-fit: cover;
                }
                
                /* 鼠标悬停效果 */
                .certificate-item:hover {
                    transform: scale(1.05);
                }
                
                /* 移动端适应 */
                @media (max-width: 768px) {
                    .certificate-grid {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }
                
                @media (max-width: 480px) {
                    .certificate-grid {
                        grid-template-columns: 1fr;
                    }
                }

            </style>
        </section>
    </div>
    {template footer.html}
</div>
{template nav_contact.html}
{template nav_search.html}
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/jquery-3.7.0.min.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/wow.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/swiper.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/zoom.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/scrollsidebar.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/common.js"></script>
</body>

</html>